<template>
	<view>
		<header>
			<h1>人才市场可视化222</h1>
			<myclock class="clock"></myclock>
		</header>
	</view>
</template>

<script>
	import myclock from './myclock.vue'
	
	export default {
		name: "myheader",
		data() {
			return {

			};
		},
		components: {
			myclock
		}
	}
</script>

<style lang="less">
	// 头部
	header {
		height: 200upx;
		background: url(../static/images/head_bg.png) center top no-repeat;
		background-size: 100% 100%;

		// 标题
		h1 {
			color: white;
			font-size: 76upx;
			text-align: center;
			line-height: 160upx;
		}

		// 时间模块clock： 
		// - 定位：绝对定位  
		// - 右侧：30像素  
		// - 顶部：0  
		.clock {
			position: absolute;
			right: 10px;
			top: 0;
		}
	}
</style>